@charset "utf-8";

/* 引入外部图标样式 */

@font-face {

  font-family: 'iconfont';  /* Project id 2431691 */

  src: url('http://at.alicdn.com/t/font_2431691_fgstygsmhp5.woff2?t=1631331068179') format('woff2'),

       url('http://at.alicdn.com/t/font_2431691_fgstygsmhp5.woff?t=1631331068179') format('woff'),

       url('http://at.alicdn.com/t/font_2431691_fgstygsmhp5.ttf?t=1631331068179') format('truetype');

}

.iconfont{

    font-family:"iconfont" !important;

    font-size:16px;font-style:normal;

    -webkit-font-smoothing: antialiased;

    -webkit-text-stroke-width: 0.2px;

    -moz-osx-font-smoothing: grayscale;

}

/* 网站色值设置 */

body{--zhu-color:#1269cc;--pei-color:#efbd45;}

/* 样式重置 */

html, body, div,

h1, h2, h3, h4, h5, h6,

hr, p, blockquote,

dl, dt, dd, ul, ol, li,

pre, form, fieldset, object, code,

legend, button, input, textarea, label,

th, td, a, img{margin: 0; padding: 0; border: 0; outline: 0;}

body{font: 14px/1.5 'Microsoft YaHei', 'Helvetica Neue', 'Helvetica', 'Arial', 'Tahoma', 'Hiragino sans gb', 'SimSun', 'Sans-serif'; color: #333; background-color: #fff;}

ul,li{list-style:none;margin:0;padding:0;}

a:hover{ text-decoration: none; }

/*清除内外边距*/

h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}

/*设置默认字体*/

:focus{outline: 0;}

ul,

ol{list-style: none;}

/*重置图片元素*/

address, caption, cite, code, dfn, em, i, th, var, optgroup{font-style: normal; font-weight: normal;}

abbr, acronym{border: 0; font-variant: normal;}

input, button, textarea, select, optgroup, option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}

code, kbd, samp, tt{font-size: 100%;}

::-webkit-scrollbar{width:6px; height:6px ;}

::-webkit-scrollbar-track{box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px;}

::-webkit-scrollbar-thumb{border-radius: 6px; background: #bbb;}

textarea{resize: none;}

button:active, button:focus{ border:none; outline:0; }

.inner{ width: 1200px; margin:0 auto; }

@media only screen and (max-width: 1200px){

  .inner{ width: 100%; box-sizing: border-box; padding:0 15px; }

}



/*page*/

.de-page-mian{overflow: hidden; text-align: center; font-size: 0; margin: 10px 0 35px; width: 100%; clear: both; }

.de-page-mian .page-inner{display: inline-block; overflow: hidden;}

.de-page-mian .page-inner a{display: block; float: left; min-width: 26px; padding: 0 12px; height: 36px; border: 1px solid #dddddd; background: #fff; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin-right: 1px; overflow: hidden;}

.de-page-mian .page-inner a.active,

.de-page-mian .page-inner a:hover{color: #fff; border-color: var(--zhu-color); background: var(--zhu-color);}

.de-page-mian .page-inner a.prev{margin-right: 10px; background: #fff url(../images/prev.jpg) no-repeat center;}

.de-page-mian .page-inner a.prev.on{background: #fff url(../images/prev-hover.jpg) no-repeat center;}

.de-page-mian .page-inner a.prev:hover{background-color: #fff; border-color: #dddddd;}

.de-page-mian .page-inner a.next{margin-left: 10px; margin-right: 15px; background: #fff url(../images/next.jpg) no-repeat center;}

.de-page-mian .page-inner a.next.on{background: #fff url(../images/next-hover.jpg) no-repeat center;}

.de-page-mian .page-inner a.next:hover{background-color: #fff; border-color: #dddddd;}

.de-page-mian .page-inner a.page-btn{font-size: 12px; margin-right: 0; width: 63px; margin-left: 10px;}

.de-page-mian .page-inner span{display: block; font-size: 12px; color: #333; float: left; line-height: 38px;}

.de-page-mian .page-inner input{display: block; float: left; height: 36px; width: 36px; border: 1px solid #dddddd; text-align: center; line-height: 36px; font-size: 14px; color: #333; margin: 0 5px;}



/*no-goods*/

.no-goods{ width: 100%;}

.no-goods,.no-network{padding:50px 0; overflow: hidden; text-align: center;}

.no-goods img{display: block; margin:0 auto 30px; width:220px; max-height: 105px;}

.no-goods p,.no-network p{font-size:14px; color:#666666; line-height: 20px;}



/*down*/

.down{width: 100%;height: 52px;background:#211f1f;color: #ffffff;font-size: 16px;position: fixed;bottom: 0;display: none; z-index: 9999;}

.down li{width: 25%; box-sizing: border-box; text-align: center;line-height: 15px;float: left;padding-top: 4px;height: 52px; list-style:none;}

.down li + li{ border-left: solid 1px #ffffff; }

.down li a{color: #ffffff;}

.down .current{border-right: none;}

.down li img{max-width: 25px;height: 25px;}

.plugin-fixed-call{position:fixed;bottom:0px;right:0px;width:45px;z-index: 1000;}

.plugin-fixed-call .child{position:absolute;right:0px;overflow:hidden;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}

.plugin-fixed-call .child{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s; }

.plugin-fixed-call .child a{ display: inline-block; overflow: hidden; }

.plugin-fixed-call .child:hover{width:160px;background: #000;}

.plugin-fixed-call .child img{position:absolute;top:0px;left:0px;}

.plugin-fixed-call .child p{position: absolute;left:45px;color:#fff;}

.plugin-fixed-call .fixedQQ{bottom:92px;}

.plugin-fixed-call .fixedCall{bottom:46px;}

.plugin-fixed-call .fixedTop{position:absolute;right:0px;bottom:138px;color:#fff;background-color:#cbcbcb;cursor:pointer;text-align:center;width:45px;height:45px;line-height: 45px;font-size: 14px;font-family: "MICROSOFT YAHEI","Arial Narrow";}

.plugin-fixed-call .fixedTop .fixedTopPointer{position:absolute;top:-5px;left:18px;}

.plugin-fixed-call .fixedCode{bottom:0;cursor:pointer;width:45px;height:45px;background:var(--zhu-color);line-height: 45px;margin-top:1px;}

.plugin-fixed-call .fixedCode:hover .fixedCodeInfo{display: block;opacity: 1;}

.fixedCodeInfo{display:none;position:fixed;bottom:0px;right:54px;padding:0 3px;border:1px solid #ccc;background:#fff;opacity: 0;}

.fixedCodeInfo .fixedPointer{position: absolute;right:-6px;bottom:12px;}

@media only screen and (max-width: 768px){

  .down{ display: block; }

  .plugin-fixed-call{ display: none; }

}



/* 字体引入 */

@font-face{ font-family: DIN; src: url('./fonts/DINPro-Bold.ttf'); }



/*header*/

.h_top{ width: 100%; display: flex; align-items: center; background: var(--zhu-color); z-index: 999; z-index: 999; box-sizing: border-box; box-shadow: 5px 0 6px rgba(30, 37, 79, .35); transition: all .3s; }

.h_top .row{ justify-content: space-between; }

.h_top .logo{ display: block; padding:25px 0; }

.h_top .menu{ width: calc(100% - 286px); display: flex; align-items: center; }

.nav{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; }

.nav li{ position: relative; transition: all .3s; width: 12.5%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; z-index: 35; }

.nav li::before{ content: ""; display: block; width: 3px; height: 0; background: var(--pei-color); position: absolute; bottom:-12px; left:50%; margin-left: -1.5px; opacity: 0; z-index: 34; }

.nav li > a{ display: flex; flex-flow: column; align-items: center; transition: all .3s; position: relative; z-index: 33; }

.nav li > a span{ font-size: 30px; color: #145ae2; transition: all .3s; line-height: 1; opacity: 0; font-family: impact; text-transform: uppercase; position: relative; top:0; transition: all .3s; }

.nav li > a b{ font-size: 18px; color: #fcfcfd; font-weight: normal; line-height: 1; display: inline-block; transition: all .3s; position: relative; top:-15px; }

.nav li:hover{ transition: all .3s; overflow: visible;  }

.nav li:hover::before{ transition: all .3s; opacity: 1; height: 24px;  }

.nav li:hover b{ transition: all .3s; color: #ffffff; font-weight: bold; top:2px; }

.nav li:hover span{ transition: all .3s; opacity: 1; top:-6px; transition: all .3s; }

.nav li .d_menu{ position: absolute; padding:20px 0; top:0; left:0; width: 100%; background: var(--zhu-color); z-index: 31; transition: all .3s; opacity: 0; border-radius: 0 0 5px 5px; }

.nav li .d_menu a{ display: block; text-align: center; font-size: 14px; color: #ffffff; padding:5px 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s; }

.nav li .d_menu a:hover{ transition: all .3s; background: var(--pei-color); color: #fff; }

.nav li:hover .d_menu{ transition: all .3s; top:100%; z-index: 33; opacity: 1; }

.scrolledDown{ position: fixed!important; top:0; left:0; z-index: 9999; transition: all .3s; }

.btn_tool{ display: none; }

.btn_tool .menu span, .btn_tool .close span{ font-size: 44px; color: #fff; line-height: 1; font-weight: normal; }



@media only screen and (max-width: 1206px){

  .h_top .menu{ width: calc(100% - 240px); }

  .h_top .logo{ width:240px; box-sizing: border-box; padding:20px 0; padding-left: 15px; }

  .h_top .logo img{ max-width: 100%; }

  .nav li > a b{ font-size: 16px; }

  .nav li > a span{ font-size: 24px; }

}

@media only screen and (max-width: 998px){

  .h_top{ position: relative;  }

  .h_top::before{ content: ""; display: block; width: 100%; height: 100%; background: var(--zhu-color); position: absolute; top:0; left: 0; z-index: 34; }

  .h_top .inner{ padding:0 15px; }

  .h_top .logo{ padding:15px 0; padding-left: 0; }

  .h_top .menu{ flex-direction: row-reverse; }

  .nav li .d_menu{ display: none; }

  .h_top .btn_tool, .h_top .logo{ position: relative; z-index: 34; }

  .btn_tool{ display: flex; height: 100%; align-items: center; justify-content: flex-end; }

  .btn_tool .close{ display: none; }

  .nav{ position: fixed; top: -100%; transition: all .3s; flex-direction: column; width: 100%; left: 0; background: var(--zhu-color); justify-content: flex-start; overflow: hidden; height: auto; z-index: 33; opacity: .9; }

  .nav li{ width: 100%; border-bottom: 1px dashed rgba(255, 255, 255, .8); }

  .nav li::before, .nav a span, .nav a img{ display: none; }

  .nav li > a{ padding:10px 0; }

  .nav li > a b{ top:0; }

  .nav a b{ top:0; padding:15px 0; }

  .nav a:hover b{ color: #fff; font-weight: bold; top:0; }

  .btn_tool .hide{ transition: all .3s; display: none; opacity: 0; }

  .btn_tool .show{ transition: all .3s; display: flex; opacity: 1; }

  .open{ transition: all .3s; top:80px;  }

}

@media only screen and (max-width: 768px){

  .h_top .logo img{ height: 40px; }

  .open{ transition: all .3s; top:70px;  }

  .btn_tool .menu span, .btn_tool .close span{ font-size: 40px; }

}

@media only screen and (max-width: 640px){

  .nav li > a{ padding:0; }

  .h_top .logo{ padding:15px 0; }

  .h_top .logo img{ max-width: 100%; }

  .h_top .logo img{ height: 36px; }

  .open{ transition: all .3s; top:66px;  }

  .btn_tool .menu span, .btn_tool .close span{ font-size: 36px; }

}

@media only screen and (max-width: 576px){

  .h_top .inner{ padding:0 10px; }

  .h_top .logo{ padding:12px 0; }

  .h_top .logo img{ height: 32px; }

  .open{ transition: all .3s; top:56px;  }

  .btn_tool .menu span, .btn_tool .close span{ font-size: 32px; }

}

@media only screen and (max-width: 414px){

  .h_top .logo img{ height: 30px; }

  .open{ transition: all .3s; top:54px;  }

}



/*banner*/

#banner{ width: 100%;}

#banner .swiper-pagination{ bottom:30px; }

#banner .swiper-pagination-bullet{ opacity: 1; width: 14px; height: 14px; background: none; border:2px solid #f7fbfe; border-radius: 50%; }

#banner .swiper-pagination-bullet-active{ width: 42px; height: 12px; background: var(--pei-color); border-radius: 12px; border:none; }

@media only screen and (min-width: 1930px){

  #banner img{ width: 100%;}

}

@media only screen and (max-width: 1900px){

  #banner img{ width: 100%;}

}

@media only screen and (max-width: 646px){

  #banner .swiper-pagination{ bottom:15px; }

  #banner .swiper-pagination-bullet{ opacity: 1; width: 10px; height: 10px; background: none; border:1px solid #f7fbfe; border-radius: 50%; }

  #banner .swiper-pagination-bullet-active{ width: 32px; height: 8px; background: var(--pei-color); border-radius: 12px; border:none; }

}

@media only screen and (max-width: 582px){

  #banner img{ height: auto; }

  #banner .swiper-button-next:after, #banner .swiper-button-prev:after{ font-size: 36px; }

}

@media only screen and (max-width: 414px){

  #banner img{ height: auto; }

  #banner .swiper-button-next:after, #banner .swiper-button-prev:after{ font-size: 24px; }

}



/* key_search */

.key_search{ display: flex; align-items: center; padding:20px 0; border-bottom: 1px solid #e7e5e5; overflow: hidden; }

.key_search .inner{ display: flex; align-items: center; justify-content: space-between; }

.key{ display: flex; align-items: center; overflow: hidden; height: 100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.key b{ font-size: 18px; color: #333333; font-weight: bold; }

.key b span{ color: var(--pei-color); text-transform: uppercase; margin-right: 8px; }

.key a{ color: #666666; font-size: 16px; display: inline-block; padding:0 12px; transition: all .3s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.key a:hover{ transition: all .3s; color: var(--pei-color); }

.search{ box-sizing: border-box; background: #f2f2f2; display: flex; align-items: center; line-height: 1; padding:8px 22px; border-radius: 30px; }

.search input{ background: none; width: 90%; height: 100%; font-size: 14px; color: #999999;  }

.search button{ cursor: pointer; background: none; width: 10%; font-size: 18px; color: #000000;  }

.search button span:hover{ color: var(--zhu-color); font-weight: bold; }

@media only screen and (max-width: 1200px){

  .key_search .inner{ padding:0 }

  .key_search{ padding:15px; }

  .key b{ font-size: 17px; }

  .key a{ font-size: 14px; }

  .search{ line-height: 1; padding:10px 15px; }

}

@media only screen and (max-width: 998px){

  .key_search{ padding:12px; }

  .key b{ font-size: 16px; }

  .key a{ font-size: 13px; padding:0 10px; }

  .search{ line-height: 1; padding:8px 15px; width: auto; }

}

@media only screen and (max-width: 768px){

  .key_search .inner{ flex-wrap: wrap; }

  .key_search .key{ text-align: center; width: 100%; justify-content: center; }

  .search{ width: 50%; margin:0 auto; float: inherit; justify-content: center; margin-top:12px; }

}

@media only screen and (max-width: 646px){

  .key_search{ padding:10px; }

  .key_search .key{ display: none; }

  .search{ width: 100%; margin-top:0; }

}

@media only screen and (max-width: 576px){

  .search input{ font-size: 13px; }

}

@media only screen and (max-width: 414px){

  .search input{ font-size: 12px; }

}





/* m_about */

.m_about{ background: -webkit-linear-gradient(left, #ffffff 35%, #f1f1f1 35%); background: -o-linear-gradient(right, #ffffff 35%, #f1f1f1 35%); background: -moz-linear-gradient(right, #ffffff 35%, #f1f1f1 35%); background: linear-gradient(to right, #ffffff 35%, #f1f1f1 35%); }

.m_about .tit{ display: block; width: 100%; background: #ffffff; padding:30px 0 0; }

.m_about .tit b{ display: block; font-size: 30px; color: var(--zhu-color); line-height: 1; margin-bottom: 16px; }

.m_about .tit b span{ position: relative; display: inline-block;}

.m_about .tit b span::before{ content: ""; display: inline-block; width: 3px; height: 30px; background: var(--pei-color); position: absolute; left:0; top:-6px; }

.m_about .tit b span::after{ content: ""; display: inline-block; width: 3px; height: 30px; background: var(--pei-color); position: absolute; right:0; bottom:-6px; }

.m_about .tit b span small{ display: block; width: 100%; font-size: 28px; padding:0 8px; font-weight: bold; position: relative; }

.m_about .tit b span small::before{ content: ""; display: inline-block; width: 18px; height: 3px; background: var(--pei-color); position: absolute; left:0; top:-6px; }

.m_about .tit b span small::after{ content: ""; display: inline-block; width: 18px; height: 3px; background: var(--pei-color); position: absolute; right:0; bottom:-6px; }

.m_about .tit p{ font-size: 24px; color: #333333; line-height: 1; }

.m_about .tit a{ margin-top: 15px; overflow: hidden; display: inline-block; padding:10px 0; font-size: 14px; color: #333333; position: relative; transition: all .3s; }

.m_about .tit a::before{ content: ""; display: inline-block; height: 2px; width: 124px; background: var(--zhu-color); position: absolute; left:0; bottom:0; transition: all .3s; }

.m_about .tit a::after{ content: ""; display: inline-block; height: 2px; width: 124px; background: var(--pei-color); position: absolute; left:-120%; bottom:0; transition: all .3s; }

.m_about .tit a:hover{ transition: all .3s; color: var(--zhu-color); }

.m_about .tit a:hover::before{ left: 100%; transition: all .3s; }

.m_about .tit a:hover::after{ left: 0%; transition: all .3s; }

.m_about .info{ background: #f1f1f1; overflow: hidden; display: flex; align-items: center; justify-content: space-between; }

.m_about .info li{ text-align: center; padding:42px 0; width: 25%; border-right: 1px solid #e6e3e3; }

.m_about .info li b{ line-height: 1; font-size: 18px; color: #333333; font-weight: bold; }

.m_about .info li b span{ font-size: 55px; color: var(--zhu-color); font-family: "DIN"; }

.m_about .info li p{ font-size: 16px; color: #666666; margin-top: 26px; }

.m_about .info li p span{ font-size: 18px; color: #939393; line-height: 1; margin-right: 6px; }

@media only screen and (max-width: 1206px){

  .m_about{ background: #ffffff; }

  .m_about .inner{ padding:0; }

  .m_about .tit b{ font-size: 24px; }

  .m_about .tit b span small{ font-size: 22px; }

  .m_about .tit p{ font-size: 20px; }

  .m_about .info li b span{ font-size: 36px; }

}

@media only screen and (max-width: 998px){

  .m_about{ background:#fff; }

  .m_about .info li:last-child{ border-right:0; }

  .m_about .tit{ padding:15px 0; display: flex; align-items: center; justify-content: space-between; }

  .m_about .tit p{ width: 50%; font-size: 18px; }

  .m_about .tit a{ margin-top:0; }

  .m_about .tit b{ font-size: 22px; margin-bottom:0; }

  .m_about .tit b span small{ font-size: 20px; }

  .m_about .info li{ padding:36px 0; }

  .m_about .info li b span{ font-size: 32px; }

  .m_about .info li p{ margin-top: 24px; }

}

@media only screen and (max-width: 774px){

  .m_about .tit p{ display: none; }

  .m_about .info li b span{ font-size: 28px; }

  .m_about .info li p{ margin-top: 20px; }

  .m_about .tit b{ font-size: 20px; margin-bottom:0; }

  .m_about .tit b span small{ font-size: 18px; }

  .m_about .info li p, .m_about .info li p span{ font-size: 16px; }

}

@media only screen and (max-width: 646px){

  .m_about .tit{ padding:15px 0; }

  .m_about .info{ flex-wrap: wrap; }

  .m_about .info li{ width:50%; padding: 24px 0; }

  .m_about .info li:nth-child(1),.m_about .info li:nth-child(2){ border-bottom: 1px solid #e6e3e3; }

  .m_about .info li b span{ font-size: 24px; }

  .m_about .info li p{ margin-top: 16px; }

  .m_about .tit b{ font-size: 18px; margin-bottom:0; }

  .m_about .tit b span small{ font-size: 18px; }

  .m_about .tit b span::before, .m_about .tit b span::after{ height: 24px; }

  .m_about .info li p, .m_about .info li p span{ font-size: 15px; }

  .m_about .info li:nth-child(2){ border-right: 0; }

  .m_about .tit a{ font-size: 14px; padding:8px 0; }

}

@media only screen and (max-width: 576px){

  .m_about .tit{ padding:12px 0; }

  .m_about .info li b span{ font-size: 20px; }

  .m_about .info li p{ margin-top: 12px; }

  .m_about .tit b, .m_about .tit b span small{ font-size: 16px; font-weight: normal; }

  .m_about .info li p, .m_about .info li p span{ font-size: 14px; }

  .m_about .tit a{ font-size: 13px; padding:6px 0; }

}

@media only screen and (max-width: 414px){

  .m_about .tit{ padding:10px 0; }

  .m_about .info li b span{ font-size: 18px; }

  .m_about .info li p{ margin-top: 8px; }

  .m_about .tit b, .m_about .tit b span small{ font-size: 15px; }

  .m_about .info li p, .m_about .info li p span{ font-size: 13px; }

  .m_about .tit a{ font-size: 12px; padding:4px 0; }

}



/*m_tit*/

.m_tit{ width: 100%; display: flex; justify-content: center; overflow: hidden; margin:65px 0; position: relative; }

.m_tit span{ font-size: 90px; color: #f4f5fa; text-transform: uppercase; line-height: 1; font-weight: bold; font-family: Impact; }

.m_tit b{ position: absolute; top: 26px; font-size: 36px; color: #333333; line-height: 1; padding:0 120px; }

.m_tit b::before{ content: ""; display: inline-block; width: 86px; height: 2px; background: var(--pei-color); position: absolute; left:0; top:50%; margin-top: -1px; }

.m_tit b::after{ content: ""; display: inline-block; width: 86px; height: 2px; background: var(--zhu-color); position: absolute; right:0; top:50%; margin-top: -1px; }

@media only screen and (max-width: 1200px){

  .m_tit{ margin:40px 0; }

  .m_tit span{ font-size: 68px; }

  .m_tit b{ top: 50%; font-size: 32px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

}

@media only screen and (max-width: 998px){

  .m_tit{ margin:30px 0; }

  .m_tit span{ font-size: 48px; }

  .m_tit b{ font-size: 28px; padding:0 100px; }

  .m_tit b::before, .m_tit b::after{ width: 42px; }

}

@media only screen and (max-width: 774px){

  .m_tit{ margin:25px 0; }

  .m_tit span{ font-size: 40px; padding:0 80px; }

  .m_tit b{ font-size: 24px; }

}

@media only screen and (max-width: 646px){

  .m_tit{ margin:20px 0; }

  .m_tit span{ font-size: 36px; }

  .m_tit b{ font-size: 20px; padding:0 60px; }

  .m_tit b::before, .m_tit b::after{ width: 20px; }

}

@media only screen and (max-width: 576px){

  .m_tit{ margin:15px 0; }

  .m_tit span{ font-size: 30px; padding:0 40px; }

  .m_tit b{ font-size: 16px; font-weight: normal; }

}

@media only screen and (max-width: 414px){

  .m_tit span{ font-size: 24px; }

  .m_tit b{ font-size: 15px; padding:0 30px; }

}



/* m_project */

.m_project{ overflow: visible; width: 100%; }

.m_project .bd{ width: 100%; }

.project_box{ overflow: visible; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; }

.project_box .hd{ display: inline-block; width: 350px; height: 100%; position: relative; z-index: 33; }

.project_box .hd ul{ overflow: visible; display: flex; flex-direction: column; height: 100%; }

.project_box .hd li{ position: relative; display: flex; align-items: center; height: 25%; }

.project_box .hd li::after{ content: ""; display: inline-block; width:0; height:0; border-top:72px solid transparent; border-bottom: 72px solid transparent; border-left: 30px solid var(--zhu-color); position: absolute; right: 0; top:0; opacity: 0; }

.project_box .hd li span{ display: inline-block; width: 40px; height: 40px; background: #ffffff; border:1px solid var(--zhu-color); border-radius: 50%; font-weight: bold; color: var(--zhu-color); font-size: 20px; line-height: 40px; text-align: center; position: absolute; top:-18px; left:32px; transition: all .3s; z-index: 33; }

.project_box .hd li b{ min-width:0; display: flex; align-items: center; width: 100%; height: 100%; background: #adcaeb; box-sizing: border-box; padding:0 48px; transition: all .3s; position: relative; z-index: 32; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.project_box .hd li b small{ width: 100%; font-size: 24px; color: #ffffff; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;; }

.project_box .hd li:nth-child(2n+0) b{ background: #90b6e2; }

.project_box .hd li.on b, .project_box .hd li:hover b{ background: var(--zhu-color)!important; transition: all .3s; }

.project_box .hd li.on::after, .project_box .hd li:hover::after{ right: -29px; opacity: 1; transition: all .3s; }

.project_box .hd li.on span, .project_box .hd li:hover span{ background: var(--pei-color); border-color: var(--pei-color); color: var(--zhu-color); }

.project_box .bd{ width: calc(100% - 350px); float: right; position: relative; z-index: 32; overflow: hidden; }

.project_box .bd ul{ width: 100%; height: 100%; overflow: hidden; }

.project_box .bd ul a{ display: block; position: relative; width: 100%; height: 100%; overflow: hidden; }

.project_box .bd ul a .img{ width:100%; padding-bottom: 67%; position: relative; overflow: hidden; }

.project_box .bd ul a .img img{ width:100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }

.project_box .bd ul a > span{ display: inline-block; position: absolute; top:14px; right:0; padding:7px 14px; background: var(--pei-color); border-radius: 30px 0 0 30px; transition: all .3s; }

.project_box .bd ul a > span i{ display: inline-block; width: 16px; height: 16px; border:1px solid #ffffff; border-radius: 50%; font-size: 10px; color: #ffffff; text-align: center; line-height: 16px; margin-right: 7px; }

.project_box .bd ul a > span small{ font-size: 14px; line-height: 16px; color: #ffffff; }

.project_box .bd ul a:hover > span{ transition: all .3s; padding:7px 18px; }

.project_box .bd ul a .info{ display: flex; width: 100%; position: absolute; left:0; bottom:0; background: rgba(45, 112, 243, .92); box-sizing: border-box; padding:25px; transition: all .3s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.project_box .bd ul a .info p{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-flex; align-items: center; font-size: 16px; color: var(--pei-color); padding-left: 28px; background: url(../images/ico_p1.png) no-repeat left center; }

.project_box .bd ul a .info p + p{ margin-left:12px; background: url(../images/ico_p2.png) no-repeat left center; }

.project_box .bd ul a:hover img{ transition: all .3s; transform: scale(1.05); }

.project_box .bd ul a:hover .info{ background: var(--zhu-color); transition: all .3s; }

@media only screen and (max-width: 1206px){

  .project_box .hd{ width: 30%; }

  .project_box .bd{ width: 70%; }

  .project_box .hd li b{ padding:0 30px; }

  .project_box .hd li b small{ font-size: 20px; width:100%; }

  .project_box .hd li span{ width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; line-height: 1; font-weight: 18px; left:24px; }

  .project_box .hd li::after{ display: none; }

  .project_box .bd ul a .info{ padding:20px; }

  .project_box .bd ul a > span small{ line-height: 1; }

}

@media only screen and (max-width: 998px){

  .project_box{ flex-wrap: wrap; }

  .project_box .hd, .project_box .bd{ width: 100%; }

  .project_box .hd{ height: auto; }

  .project_box .hd ul{ flex-direction: row; }

  .project_box .hd li{ width: 25%; height:auto; }

  .project_box .hd li b{ display: block; padding:12px; overflow:hidden; color: #ffffff; }

  .project_box .hd li b small{ font-size: 16px; font-weight: normal; color: #ffffff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

  .project_box .hd li span{ display: none; }

}

@media only screen and (max-width: 774px){

  .project_box .hd ul{ flex-wrap: wrap; }

  .project_box .hd li:nth-child(1) b{ background: #90b6e2; }

  .project_box .hd li:nth-child(2) b{ background: #adcaeb; }

  .project_box .hd li{ width: 50%; height:auto; }

  .project_box .bd ul a .info{ padding:15px; }

  .project_box .bd ul a .info p{ font-size: 15px; }



}

@media only screen and (max-width: 646px){

  .project_box .bd ul a .info{ padding:15px; }

  .project_box .bd ul a .info p{ font-size: 14px; }

  .project_box .hd li b{ padding:10px 12px;}

  .project_box .hd li b small{ font-size: 15px;  }

}

@media only screen and (max-width: 576px){

  .project_box .bd ul a .info{ padding:12px; }

  .project_box .bd ul a .info p{ font-size: 13px; }

  .project_box .hd li b{ padding:8px 10px;}

  .project_box .hd li b small{ font-size: 14px;  }

  .project_box .bd ul a .info p{ padding-left: 22px; }

  .project_box .bd ul a > span{ padding:4px 10px; font-size: 13px; }

}

@media only screen and (max-width: 414px){

  .project_box .bd ul a .info{ padding:8px; }

  .project_box .bd ul a .info p{ font-size: 12px; }

  .project_box .hd li b{ padding:6px 10px;}

  .project_box .hd li b small{ font-size: 13px;  }

  .project_box .bd ul a .info p{ padding-left: 20px; }

  .project_box .bd ul a > span{ padding:2px 8px; font-size: 12px; }

}



/* m_product */

.product_tit span{ color: #f2f2f2; }

.m_product .bd{ width: 100%; padding:70px 0; overflow: hidden; background: url(../images/product_bg.jpg); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; background-position: center center; }

#products{ overflow: hidden; width: 100%;  margin-left: auto; margin-right: auto; }

#products .swiper-slide{ height: auto; }

.product_list{ width: 100%; margin-left: 0; }

#products a, .product_list a{ display: block; width: 100%; overflow: hidden; border-radius: 20px; }

#products a .img, .product_list a .img{ width: 100%; padding-bottom: 75%; position: relative; overflow: hidden; }

#products a .img img, .product_list a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }

#products a .img .more, .product_list a .img .more{ display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; background: rgba(45, 112, 243, .75);  position: absolute; top:100%; left:0; transition: all .3s; }

#products a .img .more small, .product_list a .img .more small{ display: inline-block; font-size: 20px; line-height: 1; color: #333333; padding:20px 80px; background: #fff; border-radius: 40px; transition: all .3s; }

#products a .img .more small:hover, .product_list a .img .more small:hover{ color:#ffffff; transition: all .3s; background: var(--pei-color); }

#products a .txt, .product_list a .txt{ background: #ffffff; padding:20px 40px; box-sizing: border-box; }

#products a .txt b, .product_list a .txt b{ font-size: 20px; color: #333333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 12px; display: block; transition: all .3s; }

#products a .txt p, .product_list a .txt p{ font-size: 16px; color: #666666; line-height: 32px; padding-left: 34px; background: url(../images/ico_p1.png) no-repeat left center;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

#products a .txt p + p, .product_list a .txt p + p{ background: url(../images/ico_p2.png) no-repeat left center; }

#products a:hover .more, .product_list a:hover .more{ transition: all .3s; top:0; }

#products a:hover img, .product_list a:hover img{ transition: all .3s; transform: scale(1.05); }

#products a:hover b, .product_list a:hover b{ transition: all .3s; color: var(--zhu-color); }

.product_list a{ margin-bottom: 30px; box-shadow: 0 0 15px rgba(85, 85, 85, .35); }

@media only screen and (max-width: 1200px){

  .m_product .bd{ padding:15px 0; background-size: cover; }

  #products a .img .more small, .product_list a .img .more small{ font-size: 18px; padding:18px 65px; }

  #products a .txt, .product_list a .txt{ padding:20px 30px; }

  #products a .txt b, .product_list a .txt b{ font-size: 18px; margin-bottom: 10px; }

  #products a .txt p, .product_list a .txt p{ font-size: 15px; line-height: 1.8; padding-left: 24px; }

  #products a, .product_list a{ border-radius: 18px; }

}

@media only screen and (max-width: 998px){

  #products a .img .more small, .product_list a .img .more small{ font-size: 16px; padding:16px 50px; }

  #products a .txt, .product_list a .txt{ padding:20px; }

  #products a .txt b, .product_list a .txt b{ font-size: 16px; margin-bottom: 8px; font-weight: normal; }

  #products a .txt p, .product_list a .txt p{ font-size: 14px; line-height: 1.7; }

  #products a, .product_list a{ border-radius: 16px; }

  .product_list div{ padding-right: 7.5px; }

  .product_list div:nth-child(2n+0){ padding-left: 7.5px; padding-right: 15px; }

  .product_list a{ margin-bottom: 15px; }

}

@media only screen and (max-width: 774px){

  #products a .img .more small, .product_list a .img .more small{ font-size: 14px; padding:14px 35px; }

  #products a .txt, .product_list a .txt{ padding:15px; }

  #products a .txt b, .product_list a .txt b{ font-size: 14px; margin-bottom: 6px; background-size: 6%; }

  #products a .txt p, .product_list a .txt p{ font-size: 13px; }

  #products a, .product_list a{ border-radius: 14px; }

}

@media only screen and (max-width: 646px){

  #products a .img .more small, .product_list a .img .more small{ font-size: 12px; padding:12px 20px; }

  #products a .txt, .product_list a .txt{ padding:12px 10px; }

  #products a .txt b, .product_list a .txt b{ font-size: 13px; margin-bottom: 5px; }

  #products a .txt p, .product_list a .txt p{ font-size: 12px; padding-left: 22px; }

  #products a, .product_list a{ border-radius: 12px; }

}

@media only screen and (max-width: 576px){

  #products a .txt b, .product_list a .txt b{ background-size: 5%; }

  #products a, .product_list a{ border-radius: 10px; }

}

@media only screen and (max-width: 414px){

  #products a .txt b, .product_list a .txt b{ background-size: 4%; }

  #products a, .product_list a{ border-radius: 8px; }

}



/* m_customer */

.m_customer{ overflow: hidden; }

.m_customer .bd{ width: 100%; overflow: hidden; position: relative; padding-bottom: 28px; }

.m_customer .bd::after{ content: ""; display: block; width: 100%; height: 250px; background: var(--zhu-color); position: absolute; left:0; bottom:0; }

.customer_focus{ width: 100%; padding-left: 30px; }

.customer_focus a{ display: block; overflow: hidden; }

.customer_focus a .img{ width: 100%; padding-bottom: 70%; position: relative; overflow: hidden; border-radius: 10px; }

.customer_focus a .img img{ width: 100%; height: 100%; position: absolute; object-fit: cover; transition: all .3s; }

.customer_focus a .info{ overflow: hidden; }

.customer_focus a .info b{ display: block; line-height: 1; padding:26px 0; font-size: 24px; color: #ffffff; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.customer_focus a .info span{ background: url(../images/ico_p1.png) no-repeat left center; display: inline-block; padding-left: 24px; font-size: 14px; color: #fdfbfb; line-height: 2; padding-right:10px; }

.customer_focus a .info span small{ font-size: 14px; color: var(--pei-color); margin-right: 8px; }

.customer_focus a .info span:first-child{ padding-left: 0; }

.customer_focus a .info span:nth-child(2){ background: url(../images/ico_p2.png) no-repeat left center; }

.customer_list{ overflow: hidden; margin-top: 92px; padding-right: 30px; }

.customer_list .swiper-slide{ width: 100%; overflow: hidden; }

.customer_list .img{ width: 100%; padding-bottom: 73%; position: relative; overflow: hidden; border:4px solid transparent; border-radius: 10px; box-sizing: border-box; transition: all .3s; }

.customer_list .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }

.customer_list .img + b{ display: block; padding:15px; text-align: center; font-size: 16px; color: #fdfdfd; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; }

.customer_list .swiper-slide-active .img{ transition: all .3s; border:4px solid var(--zhu-color); }

.customer_btn{ position: relative; z-index: 33; margin-top: 70px; text-align: right; }

.customer_btn .pagination{ display: inline-block; padding:0 32px; }

.customer_btn .pagination .cur{ font-size: 24px; color: #ffffff; font-weight: bold; }

.customer_btn .pagination .sep{ font-size: 18px; color: #ffffff; font-weight: bold; }

.customer_btn .pagination .full{ font-size: 18px; color: #cdcdcd; font-weight: bold; }

.customer_btn a{ display: inline-block; }

.customer_btn a span{ font-size: 30px; color: #cccccc; line-height: 1; transition: all .3s; }

.customer_btn a:hover span{ transition: all .3s; color: var(--pei-color); }

@media only screen and (max-width: 1200px){

  .m_customer .bd{ padding-bottom: 20px; }

  .customer_btn{ margin-top: 50px; }

  .customer_focus a .info b{ font-size: 22px; padding:24px 0; }

  .customer_list .img + b{ padding:12px; font-size: 15px; }

}

@media only screen and (max-width: 998px){

  .m_customer .bd{ padding-bottom: 15px; }

  .customer_btn{ margin-top: 30px; }

  .customer_focus{ padding-left: 15px; }

  .customer_list{ padding-right: 15px; }

  .m_customer .col-md-5{ padding-right: 7.5px; }

  .m_customer .col-md-7{ padding-left: 7.5px; }

  .customer_focus a .info b{ font-size: 20px; padding:22px 0; }

  .customer_list .img + b{ padding:10px; font-size: 14px; }

  .m_customer .bd::after{ height: 60%; }

  .customer_btn a span{ font-size: 28px; }

}

@media only screen and (max-width: 774px){

  .m_customer .bd{ padding-bottom: 0; }

  .customer_focus{ padding:15px 15px 0; background: var(--zhu-color); }

  .m_customer .col-md-5{ padding-right: 15px; }

  .m_customer .col-md-7{ padding-left: 15px; }

  .customer_list{ margin-top: 0; padding:15px; }

  .customer_btn{ margin-top: 10px; text-align: center; }

  .customer_focus a .info b{ font-size: 18px; padding:20px 0; }

  .customer_list .img + b{ padding:8px; font-size: 13px; }

  .m_customer .bd::after{ height: 24%; }

  .customer_btn .pagination .cur{ font-size: 22px; }

  .customer_btn .pagination .sep, .customer_btn .pagination .full{ font-size: 16px; font-weight: normal; }

  .customer_btn a span{ font-size: 26px; }

}

@media only screen and (max-width: 646px){

  .customer_focus a .info{ margin-bottom: 0; }

  .customer_focus a .info b{ padding:16px 0; font-size: 18px; }

  .customer_list{ margin-top: 10px; padding:15px; }

  .customer_list .img + b{ padding:0 10px; font-size: 12px; }

  .customer_focus a .info b{ font-size: 16px; padding:18px 0; font-weight: normal; }

  .customer_btn .pagination .cur{ font-size: 20px; }

  .customer_btn .pagination .sep, .customer_btn .pagination .full{ font-size: 14px; }

  .customer_btn a span{ font-size: 24px; }

}

@media only screen and (max-width: 576px){

  .customer_focus a .info b{ font-size: 15px; padding:16px 0; }

  .customer_list{ padding:10px; }

  .customer_btn .pagination .cur{ font-size: 18px; }

  .customer_btn .pagination .sep, .customer_btn .pagination .full{ font-size: 13px; }

  .customer_btn a span{ font-size: 22px; }

}

@media only screen and (max-width: 414px){

  .customer_focus a .info b{ padding:14px 0; }

  .customer_list{ padding:5px; }

  .customer_btn .pagination .cur{ font-size: 16px; font-weight: normal; }

  .customer_btn .pagination .sep, .customer_btn .pagination .full{ font-size: 12px; }

  .customer_btn a span{ font-size: 20px; }

}



/* m_brand */

.m_brand{ overflow: hidden; padding:40px 0; }

.m_brand .hd{ width: 100%; text-align: center; position: relative; margin-bottom: 58px; }

.m_brand .hd b{ position: relative; z-index: 3; font-size: 24px; color: #333333; font-weight: bold; background: #ffffff; padding:0 20px; line-height: 1; }

.m_brand .hd::after{ content: ""; display: block; width: 100%; height: 1px; background: #dddcdc; position: absolute; top: 50%; }

.m_brand .bd{ width: 100%; position: relative; }

.m_brand .bd a{ display: block; }

.m_brand .bd a .img{ width: 100%; padding-bottom: 68%; position: relative; overflow: hidden; border:1px solid #e6e6e6; transition: all .3s; }

.m_brand .bd a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }

.m_brand .bd a b{ font-weight: normal; display: block; line-height: 1; padding:15px; text-align: center; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.m_brand .bd a:hover .img{ transition: all .3s; border-color: var(--zhu-color); }

.m_brand .bd a:hover img{ transition: all .3s; transform: scale(1.05); }

.m_brand .bd .swiper-button-next, .m_brand .bd .swiper-button-prev{ width: 36px; height: 36px;  }

.m_brand .bd .swiper-button-next{ right: -65px; }

.m_brand .bd .swiper-button-prev{ left: -65px; }

.m_brand .bd .swiper-button-next span, .m_brand .bd .swiper-button-prev span{ font-size: 36px; line-height: 1; color: var(--zhu-color); }

.m_brand .bd .swiper-button-next::after, .m_brand .bd .swiper-button-prev::after{ display: none; }

@media only screen and (max-width: 1400px){

  .m_brand .bd .swiper-button-next{ display: none; right: 0; }

  .m_brand .bd .swiper-button-prev{ display: none; left: 0; }

}

@media only screen and (max-width: 1200px){

  .m_brand{ padding:30px 0; }

  .m_brand .hd{ margin-bottom: 30px; }

  .m_brand .hd b{ font-size: 22px; }

  .m_brand .bd a b{ padding:12px 15px; }

}

@media only screen and (max-width: 992px){

  .m_brand{ padding:25px 0; }

  .m_brand .hd{ margin-bottom: 25px; }

  .m_brand .hd b{ font-size: 20px; }

  .m_brand .bd a b{ padding:10px 15px; }

}

@media only screen and (max-width: 774px){

  .m_brand{ padding: 20px 0; }

  .m_brand .hd{ margin-bottom: 20px; }

  .m_brand .hd b{ font-size: 18px; }

  .m_brand .bd a b{ padding:8px 15px; }

}

@media only screen and (max-width: 646px){

  .m_brand{ padding: 15px 0; }

  .m_brand .hd{ margin-bottom: 15px; }

  .m_brand .hd b{ font-size: 16px; font-weight: normal; }

  .m_brand .bd a b{ padding:6px 15px; }

}

@media only screen and (max-width: 576px){

  .m_brand .hd b{ font-size: 15px; }

  .m_brand .bd a b{ padding:4px 15px; font-size: 13px; }

}

@media only screen and (max-width: 414px){

  .m_brand .hd b{ font-size: 14px; }

  .m_brand .bd a b{ font-size: 12px; }

}



/* m_news */

.m_news{ padding:64px 0; overflow: hidden; background: url(../images/news_bg.jpg) no-repeat top center; }

.m_news .news_box{ background: #f9f9f9; box-sizing: border-box; padding:0 45px 70px; overflow: hidden; border-radius: 50px; width: 100%; }

.m_news .news_tit{ display: flex; align-items: center; justify-content: space-between; }

.m_news .news_tit b{ display: inline-block; padding-left: 20px; border-left: 4px solid var(--zhu-color); font-size: 24px; color: var(--zhu-color); font-weight: bold; line-height: 1; }

.m_news .news_tit a{ border:0; font-size: 16px; color: #999999; transition: all .3s; padding:0; }

.m_news .news_tit a:hover{ transition: all .3s; color: var(--zhu-color); }

.m_news .first_news{ width: 100%; display: flex; padding:35px 0; align-items: center; justify-content: space-between; }

.m_news .first_news .img{ width: 180px; height: 124px; position: relative; overflow: hidden; border-radius: 5px; }

.m_news .first_news .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }

.m_news .first_news .info{ width: calc(100% - 200px); overflow: hidden; }

.m_news .first_news .info b{ font-size: 18px; color: #333333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1.5; transition: all .3s; display: block; }

.m_news .first_news .info span{ display: block; font-size: 16px; color: #999999; margin:12px 0; }

.m_news .first_news .info p{ font-size: 14px; color: #666666; line-height: 20px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.m_news .first_news:hover img{ transition: all .3s; transform: scale(1.05); }

.m_news .first_news:hover b{ transition: all .3s; color:var(--zhu-color); }

.m_news a{ padding:20px 13px; display: flex; align-items: center; justify-content: space-between; overflow: hidden; border-bottom: 1px dashed #d5d5d5; }

.m_news a > span{ margin-right: 10px; width: 10px; height: 16px; background: url(../images/news_ico.png) no-repeat left center; transition: all .3s; position: relative; left:0; }

.m_news a > b{ width: calc(100% - 100px); font-size: 14px; color: #333333; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s; }

.m_news a > small{ font-size: 14px; color: #999999; width: 80px; }

.m_news a:hover span{ transition: all .3s; left: 5px; }

.m_news a:hover b{ transition: all .3s; color: var(--zhu-color); }

@media only screen and (max-width: 1200px){

  .m_news{ padding:15px 0; background-size: cover; }

  .m_news .inner{ padding:0 15px; }

  .m_news .news_box{ padding:0 15px 30px; border-radius: 12px; }

  .m_news .first_news{ padding:30px 0; }

  .m_news .news_tit b{ font-size: 22px; padding-left: 18px; }

  .m_news .news_tit a{ font-size: 15px; }

}

@media only screen and (max-width: 998px){

  .m_news .first_news{ padding:25px 0; }

  .m_news .news_tit b{ font-size: 20px; padding-left: 16px; }

  .m_news .news_tit a{ font-size: 14px; }

  .m_news .first_news .img{ width:140px; height: 130px; }

  .m_news .first_news .info{ width: calc(100% - 160px); }

  .m_news .first_news .info b{ font-size: 17px; }

  .m_news .first_news .info span{ margin:10px 0; font-size: 15px; }

  .m_news a{ padding:15px 0; }

  .m_news a > b{ padding-right: 20px; }

}

@media only screen and (max-width: 768px){

  .m_news .first_news{ padding:20px 0; }

  .m_news .news_tit b{ font-size: 18px; padding-left: 14px; }

  .m_news .news_tit a{ font-size: 13px; }

  .m_news .bd > div{ padding-bottom: 30px; }

  .m_news .news_box{ padding:0 15px; }

  .m_news .first_news{ padding:16px 0; }

  .m_news .first_news .img{ width:30%; }

  .m_news .first_news .info{ width: 68%; }

  .m_news a{ padding:12px 0; }

}

@media only screen and (max-width: 646px){

  .m_news{ padding:25px 0; }

  .m_news .first_news{ padding:15px 0; }

  .m_news .news_tit b{ font-size: 16px; font-weight: normal; padding-left: 12px; }

  .m_news .first_news .info b{ font-size: 16px; font-weight: normal; ; }

  .m_news .first_news .info span{ font-size: 14px; margin:8px 0; }

  .m_news .first_news .info p{ font-size: 13px; }

  .m_news a{ padding:10px 0; }

}

@media only screen and (max-width: 576px){

  .m_news .news_tit b{ font-size: 15px; padding-left: 10px; }

  .m_news .news_tit a{ font-size: 12px; }

  .m_news .first_news .img{ display: none; }

  .m_news .first_news .info{ width: 100%; }

  .m_news a{ padding:8px 0; }

  .m_news a > b, .m_news a > small{ font-size: 13px; }

}

@media only screen and (max-width: 414px){

  .m_news .news_tit b{ font-size: 14px; padding-left: 8px; }

  .m_news a{ padding:6px 0; }

  .m_news a > b, .m_news a > small{ font-size: 12px; }

}



/* footer */

.footer{ overflow: hidden; background: #363535; }

.footer .f_info{ overflow: hidden; padding:60px 0; position: relative; }

.f_info .info_box{ display: flex; align-items: flex-start; justify-content: flex-start; }

.f_info .info_box span{ font-size: 28px; color: #fff; line-height: 1; margin-right: 18px; margin-top: 10px; }

.f_info .info_box p{ font-size: 16px; color: #f9f9f9; line-height: 32px; }

.f_info .info_two{ padding-left: 60px; border-left: 1px solid #4b4949; }

.footer .f_info::before{ content: ""; width: 96%; height: 1px; display: inline-block; background: #706f6f; position: absolute; left: 2%; bottom:0; }

.f_copy{ padding:24px 0; overflow: hidden; }

.f_copy b{ font-weight: normal; font-size: 16px; color: #f9f9f9; display: block; line-height: 1; margin:6px 0 15px; }

.f_copy .f_nav{ overflow: hidden; padding:10px 0; font-size: 14px; color: #999999; }

.f_copy .f_nav a{ font-size: 14px; color: #999999; transition: all .3s; }

.f_copy .f_nav a:hover{ color: #ffffff; transition: all .3s; }

.f_copy p{ line-height: 30px; font-size: 14px; color: #999999; }

.f_copy p a{ font-size: 14px; color: #999999; transition: all .3s; }

.f_copy p a:hover{ color: #ffffff; transition: all .3s; }

.f_ewm{ display: flex; align-items: center; justify-content: flex-end; }

.ewm_box{ display: flex; align-items: center; justify-content: center; }

.ewm_box +  .ewm_box{ margin-left: 54px; }

.ewm_box p{ font-size: 14px; line-height: 1; color: #999999; width: 14px; margin-right: 15px; }

.ewm_box img{ width: 136px; padding:10px; border:1px solid #adacac; border-radius: 20px; }

@media only screen and (max-width: 1206px){

  .footer .f_info{ padding:30px 0; }

  .f_info .info_box p{ font-size: 14px; line-height: 1.8; }

  .f_ewm{ padding-right: 30px; }

  .f_info .info_box span{ font-size: 26px; margin:10px 10px 0 0; }

  .f_copy .row{ align-items: center; } 

  .f_copy b{ margin:6px 0; }

  .f_copy .f_nav, .f_copy .f_nav a{ font-size: 12px; }

  .f_copy .info > p{ font-size: 13px; line-height: 1.8; }

}

@media only screen and (max-width: 992px){

  .footer .f_info{ padding:25px 0; }

  .f_info .info_box span{ margin:0; }

  .f_copy .f_nav, .f_copy b{ display:none; }

  .f_info .info_two{ padding-left: 20px; }

  .f_info .info_box{ flex-direction: column; align-items: center; }

  .f_info .info_box .txt{ text-align: center; }

  .ewm_box + .ewm_box{ margin-left: 14px; }

  .ewm_box img{ width: 120px; padding:8px; }

  .ewm_box p{ width: 13px; }

  .f_info .info_box p + p{ min-height: 51px; }

}

@media only screen and (max-width: 768px){

  .footer .f_info{ padding:20px 0; }

  .f_info .info_two{ border:none; padding-left: 0; }

  .f_copy{ margin-bottom: 52px; padding:22px 0; }

  .f_copy .row{ flex-direction: column-reverse; }

  .f_copy .row > div{ padding:0; }

  .f_ewm{ justify-content: center; }

  .f_copy .info{ padding-top:20px; text-align: center; }

}

@media only screen and (max-width: 646px){

  .footer .f_info{ padding:15px 0; }

  .f_ewm{ padding-right: 0; }

  .f_copy{ padding:15px 0; }

}

@media only screen and (max-width: 576px){

  .ewm_box img{ width: 110px; padding:6px; border-radius: 10px; }

  .ewm_box p{ width: 12px; }

}

@media only screen and (max-width: 414px){

  .ewm_box img{ width: 100px; padding:4px; border-radius: 5px; }

}





/*l-banner*/

.l-banner{ box-sizing: border-box; height: 410px; text-align: center; position: relative; padding:110px 0; background: url(../images/l-banner.jpg) no-repeat top center;  }

.l-banner span{ width: 100%; display: block; font-size: 48px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; color: #f4f5fa; text-transform: uppercase; line-height: 1; }

.l-banner b{ width: 100%; font-weight: normal; display: block; font-size: 30px; color: #ffffff; line-height: 1; margin-top: 24px; }

@media(max-width:1200px){

  .l-banner{ padding: 80px 0;  height: 314px;  background-size: cover; }

  .l-banner span{ font-size: 42px; }

  .l-banner b{ font-size: 28px; margin-top: 22px; }

}

@media(max-width:992px){

  .l-banner span{ font-size: 36px; }

  .l-banner b{ font-size: 26px; margin-top: 20px; }

}

@media(max-width: 768px){

  .l-banner{ padding:60px 0 40px; height: 240px}

  .l-banner span{ font-size: 30px; }

  .l-banner b{ font-size: 24px; margin-top: 18px; }

}

@media(max-width:640px){

  .l-banner span{ font-size: 32px; }

  .l-banner b{ font-size: 22px; margin-top: 16px; }

}

@media(max-width: 576px){

  .l-banner{ padding:46px 0; height: 160px; }

  .l-banner span{ font-size: 24px; }

  .l-banner b{ font-size: 20px; margin-top: 14px; }

}

@media(max-width:414px){

  .l-banner span{ font-size: 18px; }

  .l-banner b{ font-size: 18px; margin-top: 12px; }

}



/*position*/

.position{ width:100%; background: #fff; border-bottom: solid 1px #e0dfdf;  }

.position-left{ display: flex; flex-direction: row; align-items: center; padding:12px 0; justify-content: flex-end; }

.position-left i{ color: var(--zhu-color); font-size:25px; margin:0 10px; }

.position-left p{ color:#777777; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.position-left p a{ color:#777777; }

.position-left p a:hover{ color: var(--zhu-color); }

.position-right{ display: flex; flex-direction: row; justify-content:flex-start; }

.position-right a{ color: #333333; padding:20px 20px; display:block; transition: all .5s; }

.position-right a:hover{ background: var(--zhu-color); color: #fff; }

@media(max-width: 1206px){

  .position-left{ padding:12px 15px; }

  .position-right{ padding:0; }

  .position-right a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:20px 10px; font-size: 13px; }

  .position-left p small{ display: none; }

  .position-left i{ font-size:24px; margin:0 8px; }

}

@media(max-width: 774px){

  .position-left{ padding:0; }

  .position-right{flex-wrap: wrap;justify-content: flex-start;}

  .position-left, .position-right{ flex:100%; max-width: 100%; justify-content: center; }

  .position-right a{ padding:20px 12px; }

  .position-left i{ font-size:22px; margin:0 6px; }

}

@media(max-width: 646px){

  .position-right a{padding:6px 12px;}

  .position-left i{ font-size:20px; }

}

@media(max-width: 576px){

  .position-right a{ font-size: 13px; }

  .position-left i{ font-size:18px; }

}

@media(max-width: 414px){

  .position-right a{ font-size: 12px; }

  .position-left i{ font-size:16px; }

}





/* l-title */

.l-title{ padding:50px 0 20px;text-align: center; width:100%; position: relative; }

.l-title span{ font-size: 48px; color: rgba(208, 208, 208, .3); font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; text-transform: uppercase; line-height: 1; }

.l-title b{ display: block; position: relative; top:-30px; line-height: 1; font-size: 32px; color: #333333; font-weight: bold; font-family: "Microsoft Yahei"; }

.l-title hr{ display: inline-block; width: 262px; height: 3px; background: #eeeeee; border: 0; position: relative; top:-20px; }

.l-title hr::before{ content:""; display: inline-block; width: 108px; height: 4px; background: var(--zhu-color); position: absolute; left: 50%; bottom:0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

@media(max-width: 1200px){

  .l-title{ padding:30px 0 0; }

  .l-title span{ font-size: 44px; }

  .l-title b{ top:-26px; font-size: 30px; }

  .l-title hr{ width: 256px; height: 3px; top:-20px; }

  .l-title hr::before{ width: 102px; height: 4px; }

}

@media(max-width: 992px){

  .l-title{ padding:25px 0 0; }

  .l-title span{ font-size: 40px; }

  .l-title b{ top:-26px; font-size: 22px; }

  .l-title hr{ width: 250px; height: 2px; top:-18px; }

  .l-title hr::before{ width: 100px; height: 3px; }

}

@media(max-width: 774px){

  .l-title{ padding:20px 0 0; }

  .l-title span{ font-size: 36px; }

  .l-title b{ font-size: 26px; top:-18px; }

  .l-title hr{ width: 244px; height: 2px; top:-16px; }

  .l-title hr::before{ width: 98px; height: 3px; }

}

@media(max-width: 646px){

  .l-title{ padding:15px 0 0; }

  .l-title span{ font-size: 32px; }

  .l-title b{ font-size: 24px; top:-14px; }

  .l-title hr{ width: 238px; height: 1px; top:-14px; }

  .l-title hr::before{ width: 96px; height: 2px; }

}

@media(max-width: 576px){

  .l-title span{ font-size: 28px; }

  .l-title b{ font-size: 22px; top:-12px; }

  .l-title hr{ width: 232px; top:-12px; }

  .l-title hr::before{ width: 94px; }

}

@media(max-width: 414px){

  .l-title span{ font-size: 24px; }

  .l-title b{ font-size: 20px; top:-10px; }

  .l-title hr{ width: 224px; height: 1px; top:-10px; }

  .l-title hr::before{ width: 90px; }

}



.product_type{ overflow: hidden; margin: 25px 0; }

.product_type .container-fluid{ padding:0; }

.product_type .swiper-slide{ height: auto; }

.product_type a{ transition: all .3s; width: 100%; display: block; padding:20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 16px; color: #333333; background: #eae8e8; transition: all .3s; line-height: 1; }

.product_type a span{ display: inline-block; margin-left: 8px; transition: all .3s; }

.product_type a:hover{ transition: all .3s; background: var(--zhu-color); color: #fff; }

.product_type a:hover span{ transition: all .3s; transform: rotate(-360deg); color: #fff; }

#product_type{ width: 100%; padding:0 15px; }

@media(max-width: 1200px){

  .product_type{ margin: 15px 0; padding:0 15px; }

  .product_type .inner{ padding: 0; }

  .product_type a{ padding:18px; font-size: 15px; }

}

@media(max-width: 992px){

  .product_type a{ padding:16px; font-size: 14px; }

}

@media(max-width: 768px){

  .product_type a{ padding:14px; font-size: 13px; }

}

@media(max-width: 646px){

  .product_type a{ padding:12px; font-size: 12px; }

}

@media(max-width: 576px){

  .product_type{ margin:12px 0; }

  .product_type a{ padding:10px; }

}

@media(max-width: 414px){

  .product_type{ margin:10px 0; }

  .product_type a{   padding:8px; }

}



/* product */

.product .inner{ padding:0; }



/* company_info */

#company_info{ overflow: hidden; padding:0 0 60px; }

#company_info .bd p{ font-size: 16px; color: #333333; line-height: 1.75; overflow: hidden; }

#company_info .bd img{ float: left; width: 49%; margin:12px 2% 12px 0; position: relative; overflow: hidden; }

#company_info .bd img:nth-of-type(2n+0){ margin-right: 0; }

@media(max-width: 1200px){

  #company_info{ padding:0 0 30px; }

}

@media(max-width: 992px){

  #company_info{ padding:0 0 25px; }

}

@media(max-width: 992px){

  #company_info{ padding:0 0 20px; }

}

@media(max-width: 646px){

  #company_info{ padding-bottom: 15px; }

  #company_info .bd p{ font-size: 15px; line-height: 1.7; }

  #company_info .bd img:nth-child(1){ margin-top: 12px; }

  #company_info .bd img{ width: 100%; margin:0 0 12px 0; }

}

@media(max-width: 576px){

  #company_info .bd p{ font-size: 14px; line-height: 1.5; }

}

@media(max-width: 414px){

  #company_info .bd p{ font-size: 13px;  }

}



/* company_cult */

#company_cult{ background: url(../images/company_culture_bg.jpg) no-repeat top center; padding:62px 0 100px; background-attachment: fixed; background-size: 100% 100%; position: relative; }

#company_cult::before{ content: ""; position: absolute; top: 0; left:0; width: 100%; height: 100%; background: var(--zhu-color); opacity: .58; z-index: 32; }

#company_cult .row{ position: relative; z-index: 33; }

#company_cult .l-title{ padding:0 0 45px; }

#company_cult .l-title span{ color: rgba(208, 208, 208, .38); }

#company_cult .l-title b{ color: #ffffff; }

#company_cult .l-title hr{ background: #ffffff; }

#company_cult .l-title hr::before{ background: var(--pei-color); }

#company_cult .bd{ background: #fff; }

#company_cult .bd .info{ width: 100%; height: 100%; box-sizing: border-box; padding:40px; }

#company_cult .bd .info strong{ display: block; font-size: 24px; color: #333333; font-weight: bold; line-height: 1; margin-bottom: 20px; }

#company_cult .bd .info p{ font-size: 16px; color: #333333; line-height: 30px; }

#company_cult .bd .info p:nth-child(2n+0){ margin-bottom: 26px; }

#company_cult .bd .img{ width: 100%; height: 100%; overflow: hidden; }

#company_cult .bd .img img{ width: 100%; height: 100%; object-fit: cover; }

@media(max-width: 1200px){

  #company_cult{ padding:24px 15px; }

  #company_cult .inner{ padding:0; }

  #company_cult .l-title{ padding:0; }

  #company_cult .bd .info{ padding:35px; }

  #company_cult .bd .info strong{ font-size: 22px; margin-bottom: 18px; }

  #company_cult .bd .info p:nth-child(2n+0){ margin-bottom: 22px; }

}

@media(max-width: 998px){

  #company_cult{ padding:20px 15px; }

  #company_cult .bd{ position: relative; }

  #company_cult .bd div{ position: static; }

  #company_cult .bd .img{ position: absolute; top:0; left:0; z-index: 32; }

  #company_cult .bd .info{ padding:30px; position: relative; z-index: 33; background: rgba(255,255,255,.5); }

  #company_cult .bd .info strong{ font-size: 22px; margin-bottom: 16px; }

  #company_cult .bd .info p:nth-child(2n+0){ margin-bottom: 18px; }

}

@media(max-width: 774px){

  #company_cult .bd .info{ padding:25px;  }

  #company_cult .bd .info strong{ font-size: 20px; margin-bottom: 14px; }

  #company_cult .bd .info p:nth-child(2n+0){ margin-bottom: 14px; }

}

@media(max-width: 646px){

  #company_cult{ padding:15px; }

  #company_cult .bd .info{ padding:20px; }

  #company_cult .bd .info strong{ font-size: 18px; margin-bottom: 12px; }

  #company_cult .bd .info p{ font-size: 14px; line-height: 1.5; }

  #company_cult .bd .info p:nth-child(2n+0){ font-size: 14px; margin-bottom: 12px; }

  #company_cult .bd .info p:last-child{ margin-bottom: 0; }

}

@media(max-width: 576px){

  #company_cult .bd .info{ padding:15px; }

  #company_cult .bd .info strong{ font-size: 16px; font-weight: normal; margin-bottom: 10px; }

  #company_cult .bd .info p{ font-size: 13px; }

  #company_cult .bd .info p:nth-child(2n+0){ font-size: 13px; margin-bottom: 10px; }

}

@media(max-width: 414px){

  #company_cult .bd .info strong{ margin-bottom: 8px; }

  #company_cult .bd .info p{ font-size: 12px; }

  #company_cult .bd .info p:nth-child(2n+0){ font-size: 12px; margin-bottom: 8px; }

}



/* company_honor */

#company_honor{ overflow: hidden; }

#company_honor .bd{ width: 100%; overflow: hidden; }

#company_honor .bd a{ display: block; border:1px solid #eae7e7; }

#company_honor .bd a .img{ width: 100%; padding-bottom: 71%; position: relative; overflow: hidden; }

#company_honor .bd a .img img{ width: 100%; height: 100%; object-fit: contain; position: absolute; transition: all .3s; }

#company_honor .bd a b{ transition: all .3s; border-top:1px solid #eae7e7; display: block; box-sizing: border-box; padding:15px; overflow: hidden; font-size: 17px; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-weight: normal; line-height: 1; }

#company_honor .bd a:hover img{ transition: all .3s; transform: scale(1.05); }

#company_honor .bd a:hover b{ transition: all .3s; font-weight: bold; color: var(--zhu-color); }

@media(max-width: 1200px){

  #company_honor .bd a b{ padding:12px; font-size: 16px; }

  #company_honor .bd a:hover b{ font-weight: normal; }

}

@media(max-width: 992px){

  #company_honor .bd a b{ padding:10px; font-size: 15px; }

}

@media(max-width: 768px){

  #company_honor .bd a b{ padding:8px; font-size: 14px; }

}

@media(max-width: 646px){

  #company_honor .bd a b{ padding:6px; font-size: 13px; }

}

@media(max-width: 576px){

  #company_honor .bd a b{ padding:5px; font-size: 12px; }

}

@media(max-width: 414px){

}



/* company_case */

#company_case{ overflow: hidden; padding-bottom: 40px; }

#company_case .bd{ width: 100%; overflow: hidden; }

#company_case .bd a{ display: block; background: #f2f2f3; border:1px solid #f2f2f3; transition: all .3s; }

#company_case .bd a .img{ width: 100%; padding-bottom: 75%; position: relative; overflow: hidden; }

#company_case .bd a .img img{ width: 100%; height: 100%; object-fit: cover; position: absolute; transition: all .3s; }

#company_case .bd a b{ line-height: 1; transition: all .3s; display: block; box-sizing: border-box; padding:15px; overflow: hidden; font-size: 17px; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-weight: normal; }

#company_case .bd a:hover{ transition: all .3s; background: var(--zhu-color); }

#company_case .bd a:hover img{ transition: all .3s; transform: scale(1.05); }

#company_case .bd a:hover b{ transition: all .3s; color: #fff; font-weight: bold; }



@media(max-width: 1200px){

  #company_case{ padding-bottom: 30px; }

  #company_case .bd a b{ padding:12px; font-size: 16px; }

  #company_case .bd a:hover b{ font-weight: normal; }

}

@media(max-width: 992px){

  #company_case{ padding-bottom: 25px; }

  #company_case .bd a b{ padding:10px; font-size: 15px; }

}

@media(max-width: 768px){

  #company_case{ padding-bottom: 20px; }

  #company_case .bd a b{ padding:10px 8px; font-size: 14px; }

}

@media(max-width: 646px){

  #company_case{ padding-bottom: 15px; }

  #company_case .bd a b{ padding:10px 6px; font-size: 13px; }

}

@media(max-width: 576px){

  #company_case .bd a b{ padding:10px 5px; font-size: 12px; }

}

@media(max-width: 414px){

}



/* industry_news */

.industry_news{ overflow: hidden; }

.industry_news .bd{ width: 100%; width: 100%; }

.industry_news .bd a{ display: block; border:1px solid #dadada; box-sizing: border-box; padding:20px; transition: all .3s; }

.industry_news .bd a > span{ display: block; font-size: 14px; color: #999999; padding:14px 0; line-height: 1; }

.industry_news .bd a > .img{ width: 100%; padding-bottom: 62%; position: relative; overflow: hidden; }

.industry_news .bd a > .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; position: absolute; }

.industry_news .bd a b{ display: block; margin:6px 0 25px; font-weight: normal; font-size: 18px; color: #333333; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .3s; }

.industry_news .bd a p{ margin:32px 0 20px; font-size: 14px; color: #999999; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.industry_news .bd a small{ font-size: 14px; color: #999999; line-height: 18px; }

.industry_news .bd a small span{ color: #fff; display: inline-block; width: 18px; height: 18px; border-radius: 50%; background: var(--zhu-color); font-size: 12px; line-height: 18px; text-align: center; transition: all .3s; }

.industry_news .bd a:hover{ transition: all .3s; border-color: var(--zhu-color); }

.industry_news .bd a:hover b{ transition: all .3s; color: var(--zhu-color); font-weight: bold; }

.industry_news .bd a:hover img{ transition: all .3s; transform: scale(1.05); }

.industry_news .bd a:hover small span{ transition: all .3s; border-radius: 3px; background: var(--pei-color); }

@media(max-width: 1206px){

  .industry_news .bd a{ padding:15px; }

  .industry_news .bd a b{ margin:6px 0 20px; font-size: 17px; }

  .industry_news .bd a p{ margin:20px 0; line-height: 1.7; }

}

@media(max-width: 992px){

  .industry_news .bd a{ padding:12px; }

  .industry_news .bd a > span{ font-size: 13px; padding:12px 0; }

  .industry_news .bd a b{ margin:4px 0 16px; font-size: 16px; }

  .industry_news .bd a p{ margin:18px 0; line-height: 1.6; }

}

@media(max-width: 768px){

  .industry_news .bd a > span{ font-size: 12px; padding:10px 0; }

  .industry_news .bd a b{ margin:2px 0 12px; font-size: 15px; }

  .industry_news .bd a p{ margin:16px 0; line-height: 1.5; font-size: 13px; }

}

@media(max-width: 640px){

  .industry_news .bd a > span{ font-size: 12px; padding:8px 0; }

  .industry_news .bd a b{ margin:0 0 10px; font-size: 14px; }

  .industry_news .bd a p{ margin:14px 0; line-height: 1.5; font-size: 12px; }

}

@media(max-width: 576px){

}

@media(max-width: 414px){

}



/* problem_news */

.problem_news{ overflow: hidden; margin-top: 30px; padding:30px 0; background: #f9f8f8; }

.problem_news .hd{ width: 100%; display: flex; align-items: center; justify-content: space-between; line-height: 1; margin-bottom: 15px; }

.problem_news .hd b{ font-size: 36px; color: #333333; font-weight: normal; line-height: 1;  }

.problem_news .hd a{ font-size: 16px; color: #333333; line-height: 1; transition: all .3s; }

.problem_news .hd a span{ font-size: 16px; line-height: 1; color: #333; margin-left: 12px; transition: all .3s; }

.problem_news .hd a:hover{ transition: all .3s; color: var(--zhu-color); }

.problem_news .hd a:hover span{ transition: all .3s; margin-left: 6px; color: var(--zhu-color); }

.problem_news .bd{ width: 100%; display: flex; align-items: flex-start; justify-content: space-between; }

.problem_news .bd .left, .problem_news .bd .right{ width: calc(50% - 15px); }

.problem_news .problem_li{ display: flex; align-items: center; justify-content: space-between; padding:30px 0; border-bottom: 1px solid #e8e9ea; }

.problem_news .problem_li .txt{ width: calc(100% - 40px); overflow: hidden; }

.problem_news .problem_li .txt b{ font-weight: normal; font-size: 18px; display: block; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 1; margin-bottom: 16px; transition: all .3s; }

.problem_news .problem_li .txt p{ text-indent: -2em; font-size: 14px; color: #999999; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.problem_news .problem_li span{ display: inline-block; text-align: right; font-size: 18px; color: #999999; transition: all .3s; position: relative; top:0; }

.problem_news .problem_li:hover b{ transition: all .3s; color: var(--zhu-color); font-weight: bold; }

.problem_news .problem_li:hover span{ transition: all .3s; transform: rotate(-90deg); color: var(--zhu-color); top:7px; font-weight: bold; }

@media(max-width: 1200px){

  .problem_news{ padding:25px 0; margin-top: 25px; }

  .problem_news .hd{ margin-bottom: 10px; }

  .problem_news .hd b{ font-size: 32px; }

  .problem_news .hd a{ font-size: 15px; }

  .problem_news .bd .left, .problem_news .bd .right{ width: calc(50% - 7.5px); }

  .problem_news .problem_li{ padding:25px 0; }

  .problem_news .problem_li .txt b{ font-size: 17px; margin-bottom: 14px; }

}

@media(max-width: 992px){

  .problem_news{ padding:20px 0; margin-top: 20px; }

  .problem_news .hd b{ font-size: 28px; }

  .problem_news .hd a{ font-size: 14px; }

  .problem_news .problem_li{ padding:20px 0; }

  .problem_news .problem_li .txt b{ font-size: 16px; margin-bottom: 12px; }

}

@media(max-width: 768px){

  .problem_news{ padding:15px 0; margin-top: 15px; }

  .problem_news .hd b{ font-size: 24px; }

  .problem_news .hd a{ font-size: 13px; }

  .problem_news .bd{ flex-wrap: wrap; }

  .problem_news .bd .left, .problem_news .bd .right{ width: 100%; }

  .problem_news .problem_li{ padding:15px 0; }

  .problem_news .problem_li .txt b{ font-size: 15px; margin-bottom: 10px; }

}

@media(max-width: 646px){

  .problem_news .hd b{ font-size: 20px; }

  .problem_news .hd a{ font-size: 12px; }

}

@media(max-width: 576px){

  .problem_news .hd b{ font-size: 18px; }

  .problem_news .problem_li .txt p{ font-size: 13px; }

}

@media(max-width: 414px){

  .problem_news .hd a{ font-size: 16px; }

  .problem_news .problem_li .txt p{ font-size: 12px; }

}





/*case_list*/

.case_list{ display: block; width: 100%; margin-bottom:30px; transition:.36s all ease; }

.case_list .img{ padding-bottom: 75%; width: 100%; overflow: hidden; position: relative; }

.case_list .img img{ width: 100%; height: 100%; object-fit: cover; transition: all .3s; position: absolute; }

.case_list .txt{ background:#f1f1f1; padding:20px; }

.case_list .txt b{ color:#333; font-size:17px; line-height: 1; font-weight:normal; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; display: block; }

.case_list:hover {box-shadow: 0 0 15px 5px #999;transition: all .3s;}

.case_list:hover img {height:110%;transition: all .3s;}

.case_list:hover b {color:#db2016;}

@media only screen and (max-width: 1200px){

  .show .inner{ padding:0; }

}

@media only screen and (max-width: 992px){

  .case_list{ margin-bottom: 15px; }

  .tz-gallery > div{ padding-right: 7.5px; }

  .tz-gallery > div:nth-child(2n+0){ padding-left: 7.5px; padding-right: 15px; }

  .case_list .txt b{ font-size:16px; }

}

@media only screen and (max-width: 768px){

  .case_list .txt b{ font-size:15px; }

}

@media only screen and (max-width: 646px){

  .case_list .txt{ padding:10px; }

  .case_list .txt b{ font-size: 14px; }

}

@media only screen and (max-width: 576px){

  .case_list .txt b{ font-size: 13px; }

}

@media only screen and (max-width: 414px){

  .case_list .txt b{ font-size: 12px; }

}



/*job*/

.jobs-list{margin-bottom: 30px;}

.jobs-list li{width:100%;margin-top: 30px;}

.jobs-list a{display:block;width:100%;background:#fff;box-shadow:0px 1px 7.09px 0.91px rgba(125,125,125,0.5);border-radius:5px;padding:1% 0 3% 0}

.jobs-list a .son{width:95%;overflow:hidden;margin:0 auto;}

.jobs-list a .t1{padding:2% 0;border-bottom:1px solid #eee}

.jobs-list a .t1 .t1l{float:left;font-size:20px;font-weight:bold;color:#333;}

.jobs-list a .t1 .t1r{float:right;color:#666;text-decoration:underline;font-size:14px;padding-left:38px;line-height:25px;}

.jobs-list a .t1 .t1r i{font-size: 24px;color: var(--zhu-color);margin-right: 15px;}

.jobs-list a .son .con{margin-top:2.5%;height:250px;overflow-y:scroll;line-height: 2.6}

.jobs-list a .son .con p{color:#666;padding:3px 0;font-size:14px;line-height:1.6;text-indent:0!important;}

.jobs-list a .son .con::-webkit-scrollbar{width:3px;height:3px;}

.jobs-list a .son .con::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;background:#f8f8f8;border-radius:3px;}

.jobs-list a .son .con::-webkit-scrollbar-thumb{border-radius:3px;background:#bbb;}

.jobs-list a .t1 .t1r:hover{color:#333;}

	

/*应聘表单*/

.fu-job{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.6);left:0;top:0;display:none;z-index:10000;}

.fu-job .job-son{width:100%;height:100%;display:flex;align-items:center;}

#jobform{background:#fff;padding:40px 30px 30px 30px;width:500px;margin:0 auto;position: relative;}

#jobform .jobclose{position:absolute;right:0px;top:0;background:var(--zhu-color);color:#fff;display:inline-block;padding:2px 10px;font-size:14px;cursor:pointer;}

#jobform .faqline{padding:6px 0;border-bottom:0px solid #eee;}

#jobform .faqline .faqtit{width:20%;height:40px;line-height:40px;float:left;background:#fff;text-align:left;font-size:15px;border-radius:2px;}

#jobform .faqline .input{text-indent:8px;width:80%;outline:none;height:40px;box-sizing:border-box;border:1px solid #ddd;float:left}

#jobform textarea{width:80%;outline:none;height:100px;box-sizing:border-box;border:1px solid #ddd;float:left;;border-radius:2px;padding:10px 8px}

#jobform .input:focus{border-color:#1d7df5;}

#jobform textarea:focus{border-color:#1d7df5;}

#jobform .faqline .input1{width:120px;float:left;}

#jobform .code img{display:block;float:left;height:40px;margin-left:0px;}

#jobform .code .tip{display:block;float:left;color:red;font-size:14px;}

#jobform button{width:100px;height:38px;background:var(--pei-color);color:#fff;display:block;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;cursor:pointer;}

#jobform button:hover{background:var(--zhu-color);}

@media(max-width: 500px){

  #jobform button{ margin-top: 60px; width: 100%; }

}







.c_tit span{ line-height: 1; font-size: 36px; color: #3a3939; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; }

.c_tit b{ font-weight: normal; display: block; font-size: 24px; color: #3a3939; line-height: 1; margin:18px 0;  }

.c_tit p{ font-size: 14px; color: #999999; line-height: 1; }

@media(max-width: 1200px){

  .c_tit span{ font-size: 32px; }

  .c_tit b{ font-size: 22px; margin:16px 0;  }

}

@media(max-width: 992px){

  .c_tit span{ font-size: 30px; }

  .c_tit b{ font-size: 20px; margin:14px 0;  }

}

@media(max-width: 768px){

  .c_tit span{ font-size: 28px; }

  .c_tit b{ font-size: 18px; margin:12px 0;  }

}

@media(max-width: 640px){

  .c_tit span{ font-size: 26px; }

  .c_tit b{ font-size: 16px; margin:10px 0;  }

  .c_tit p{ line-height: 1.5; }

}

@media(max-width: 576px){

  .c_tit span{ font-size: 24px; }

  .c_tit b{ font-size: 14px; margin:8px 0;  }

  .c_tit p{ font-size: 13px; }

}

@media(max-width: 414px){

  .c_tit span{ font-size: 22px; }

  .c_tit b{ font-size: 13px; margin:6px 0;  }

  .c_tit p{ font-size: 12px; }

}



/* contact_msg */

#contact_msg{ background: url(../images/contact_msg_bg.jpg); overflow: hidden; padding:30px 0; }

#contact_msg .hd{ width: 100%; margin-bottom: 30px; display: flex; align-items: center; justify-content: space-between; }

#contact_msg .hd > p{ margin-bottom: 0; font-size: 14px; color: var(--zhu-color); display: inline-flex; align-items: center; }

#contact_msg .hd > p span{ font-size: 28px; line-height: 1; color: var(--zhu-color); margin-left: 20px;}

#contact_msg .bd{ overflow: hidden; }

#contact_msg .bd .form_item{ display: flex; align-items: center; margin-bottom: 30px; background: #fff; border:1px solid #eee; }

#contact_msg .bd .form_item label{ width: 90px; line-height: 2.875; display: flex; align-items: center; justify-content: center; font-size: 16px; color: #666; text-align: center; }

#contact_msg .bd .form_item input{ width: calc(100% - 90px); height: 46px; }

#contact_msg .bd .form_box{ width: 100%; overflow: hidden; margin-bottom: 30px; background: #fff; height: 120px; border:1px solid #eee; }

#contact_msg .bd .form_box label{ display: block; text-align: left; box-sizing: border-box; padding-left: 30px; line-height: 2.875; font-size: 16px; color: #666;  }

#contact_msg .bd .form_box textarea{ width: 100%; height: calc(100% - 44px); padding:5px 30px; font-size: 14px; color: #333; }

#contact_msg .bd .col-12{ display: flex; align-items: center; }

#contact_msg .bd .form_btn{ width: 300px; display: flex; align-items: center; background: #fff; height: 46px; border:1px solid #eee; }

#contact_msg .bd .form_btn label{ width: auto; padding:0 30px; }

#contact_msg .bd .form_btn img{ width: 92px; height: 30px; object-fit: cover;   }

#contact_msg .bd .form_btn input{ width: calc(100% - 200px); box-sizing: border-box; padding-left: 5px; }

#contact_msg .bd .submit{ margin-left: 12px; display: inline-block; padding:15px 54px; line-height: 1; font-size: 16px; color: #fff; background: var(--zhu-color); text-align: center; border-radius: 5px; }

#contact_msg .bd .submit:hover{ background: var(--pei-color); transition: all .3s; }

@media(max-width: 1206px){

  #contact_msg{ padding:15px 0; }

  #contact_msg .hd, #contact_msg .bd .form_item, #contact_msg .bd .form_box{ margin-bottom: 15px; }

  #contact_msg .col-md-6{ padding-right: 7.5px; }

  #contact_msg .col-md-6:nth-of-type(2n+0){ padding-left: 7.5px; padding-right: 15px; }

  #contact_msg .hd > p span{ margin-left: 10px; font-size: 24px; }

}

@media only screen and (max-width: 998px){

  #contact_msg .bd .form_item label{ width: 60px; line-height: 2.4; font-size: 15px; }

  #contact_msg .bd .form_item input{ width: calc(100% - 60px); height: 36px; }

  #contact_msg .bd .form_box label{ padding-left: 15px; font-size: 15px; }

  #contact_msg .bd .form_box textarea, #contact_msg .bd .form_btn label{ padding:0 15px; }

  #contact_msg .bd .form_btn{ width: 260px; }

  #contact_msg .bd .submit{ font-size: 15px; }

  #contact_msg .hd > p{ display: none; }

}

@media only screen and (max-width: 774px){

  #contact_msg .bd .form_item label{ width: 60px; line-height: 2.5; font-size: 14px; }

  #contact_msg .bd .form_item input{ width: calc(100% - 60px); height: 36px; }

  #contact_msg .bd .form_box label{ font-size: 14px; }

  #contact_msg .bd .form_btn{ width: 240px; }

  #contact_msg .bd .submit{ font-size: 14px; }

  #contact_msg .col-md-6{ padding-right: 15px; }

  #contact_msg .col-md-6:nth-of-type(2n+0){ padding-left: 15px; padding-right: 15px; }

}

@media only screen and (max-width: 640px){

  #contact_msg .hd > p{ display: none; }

}

@media only screen and (max-width: 576px){

  #contact_msg .bd .col-12{ flex-direction: column; }

  #contact_msg .bd .form_btn{ width: 100%; }

  #contact_msg .bd .submit{ width: 100%; margin-top: 12px; box-sizing: border-box; margin-left: 0; }

  #contact_msg .bd .submit{ padding:12px 0; }

}

@media only screen and (max-width: 414px){

  #contact_msg .bd .submit{ padding:10px 0; }

}



/* contact_info */

#contact_info{ padding:65px 0; overflow: hidden; background: -webkit-linear-gradient(left, #f3f5f4 50%, #ffffff 50%); background: -o-linear-gradient(right, #f3f5f4 50%, #ffffff 50%); background: -moz-linear-gradient(right, #f3f5f4 50%, #ffffff 50%); background: linear-gradient(to right, #f3f5f4 50%, #ffffff 50%);  }

#contact_info .box{ overflow: hidden; }

#contact_info .box > p{ font-size: 16px; color: #999999; line-height: 30px; box-sizing: border-box; padding-right: 50px; }

#contact_info .box > a{ display: inline-block; margin-top: 46px; padding:14px 30px; border:1px solid var(--zhu-color); font-size: 16px; color: #999999; line-height: 1; transition: all .3s; }

#contact_info .box > a span{ display: inline-block; font-size: 16px; color: #999999; transition: all .3s; }

#contact_info .box > a:hover{ transition: all .3s; color: var(--zhu-color); }

#contact_info .box > a:hover span{ transition: all .3s; color: var(--zhu-color); transform: rotate(360deg); }

#contact_info .info{ padding-left: 58px; }

#contact_info ul{ overflow: hidden; }

#contact_info li{ padding:5px 0; display: flex; align-items: center; line-height: 1; }

#contact_info li small, #contact_info li small a{ font-size: 16px; color: #999999; transition: all .3s; }

#contact_info li span{ font-size: 20px; color: #2f2f2f; margin-right: 14px; }

#contact_info li a:hover{ transition: all .3s; color: var(--zhu-color); }

#dituContent{ width: 100%; margin:0 auto; height: 620px; }

@media(max-width: 1200px){

  #contact_info{ padding:50px 0; }

  #contact_info .info{ padding-left: 15px; }

  #contact_info .box > a{ margin-top: 40px; font-size: 15px; padding:12px 26px; }

}

@media(max-width: 992px){

  #contact_info{ padding:35px 0; }

  #contact_info .box > p{ font-size: 14px; padding-right: 0; }

  #contact_info li small, #contact_info li small a{ font-size: 15px; }

  #contact_info .box > a{ margin-top: 30px; font-size: 14px; padding:10px 22px; }

  #dituContent{ height: 500px; }

}

@media(max-width: 768px){

  #contact_info{ padding:20px 0; background: #f3f5f4; }

  #contact_info .inner{ padding:0; }

  #contact_info .info{ padding-left: 0; padding-top: 15px; margin-top: 15px; border-top: 1px solid #ccc; }

  #contact_info .box > a{ margin-top: 20px; font-size: 13px; padding:8px 18px; }

  #contact_info .box > p{ font-size: 13px; padding-right: 0; }

  #contact_info li small, #contact_info li small a{ font-size: 14px; }

  #dituContent{ height: 400px; }

}

@media(max-width: 640px){

  #contact_info{ padding:15px 0; }

  #dituContent{ height: 320px; }

  #contact_info .box > p{ font-size: 12px; padding-right: 0; }

  #contact_info li small, #contact_info li small a{ font-size: 13px; }

  #contact_info .box > a{ margin-top: 15px; font-size: 12px; padding:6px 14px; }

}

@media(max-width: 576px){



}

@media(max-width: 414px){



}



/* product_info */

.product_focus{padding:45px 0;background: #f5f4f4;}

.product_focus #product_focus{ width:100%;overflow: hidden; }

.product_focus .swiper-slide .img{width:100%;padding-bottom: 75%;position: relative;overflow: hidden;}

.product_focus .swiper-slide .img img{width:100%;height: 100%;object-fit: cover;position: absolute;}

.product_focus .swiper-button-next, .product_focus .swiper-button-prev{color: rgba(255,255,255,.4);}

.product_focus .swiper-button-next{right:15px;}

.product_focus .swiper-button-prev{left:15px;}

.product_focus .info b{ display: block; font-size: 28px;color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.product_focus .info .txt span{border-left:solid 2px var(--pei-color);padding-left: 10px;font-size: 16px;color: var(--zhu-color);margin:20px 0;display: block;}

.product_focus .info .txt p{ overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; color: #999999;line-height: 26px;}

.product_focus .info .tags{width:100%;display: flex;flex-direction: row;color: #999999;justify-content: space-between;margin:30px 0;}

.product_focus .info .tags li{display: flex;flex-direction: row;align-items: center; padding-right: 32px; position: relative; }

.product_focus .info .tags li::after{ content: ""; display: inline-block; width: 1px; height: 12px; background: #cccccc; position: absolute; top:50%; right:0; margin-top: -6px; }

.product_focus .info .tags li:last-child::after{ display: none; }

.product_focus .info .tags i{font-size: 20px;line-height: 1;margin-right: 5px;}

.product_focus .info .btn{width:100%;}

.product_focus .info .btn a{color: #fff;padding:16px 96px;background: var(--zhu-color);border-radius: 5px;display: block;float: left;transition: all .5s}

.product_focus .info .btn .con{display: flex;flex-direction: row;float: left; margin-left: 25px; align-items: center;}

.product_focus .info .btn .con i{color: var(--zhu-color);font-size: 45px;margin-info: 10px;line-height: 1}

.product_focus .info .btn .con .rt{text-align: left;}

.product_focus .info .btn .con .rt .t2{font-size: 14px;color: #666666;}

.product_focus .info .btn .con .rt .t3{font-size: 28px;color: var(--zhu-color);font-weight: bold;line-height: 1}

.product_focus .info .btn a:hover{background: var(--pei-color)}

.product_nav{border:solid 1px #eee;padding:20px 0;}

.product_nav .inner{padding:0 15px;}

.product_nav a{font-size: 18px;color: #333333;margin-right: 60px}

.product_nav a:hover{color:var(--zhu-color);font-weight: bold;}

.product_info{ overflow: hidden; }

.product_info .tit{ display: block; font-weight: normal; border-left:solid 4px var(--pei-color);font-size: 26px;color:#333333;line-height: 1;padding-left: 15px;}

#product_content{ padding:30px 15px;}

#product_content .content{ line-height: 1.8; padding:15px 0;}

#product_content .content img{ max-width: 100%; }

.product_case{ overflow: hidden; }

.product_case .tit{ margin:28px 0; }

@media(max-width: 1206px){

  .product_focus{ padding:15px 0; }

  .product_focus .inner{ padding:0; }

  .product_focus .row{ align-items: center; }

  .product_focus .info b{ font-size: 26px; }

  .product_focus .info .txt span{ font-size: 15px; margin:18px 0; }

  .product_focus .info .txt + .txt{ display: none; }

  .product_focus .info .tags{ margin:28px 0; }

  .product_focus .info .btn{ padding:0; }

  .product_focus .info .btn a{ padding:16px 50px; }

  .product_nav{ padding:18px 0;  }

  .product_nav .inner{ padding:0; }

  .product_nav a{ font-size: 16px; margin:0 15px; }

  #product_content{ padding:20px 0; }

  .product_info .tit{ font-size: 24px; padding-left: 12px; }

  .product_case .tit{ margin:24px 0; }

}

@media(max-width: 998px){

  .product_focus .info b{ font-size: 24px; }

  .product_focus .info .tags{ display: none; }

  .product_focus .info .btn a{ display: none; }

  .product_focus .info .btn .con{ margin-left: 0; margin-top: 12px; }

  .product_focus .info .txt span{ margin:16px 0; }

  .product_info .tit{ font-size: 22px; font-weight: bold; }

  .product_case .tit{ margin:20px 0; }

  .product_nav{ padding:16px 0;  }

  .product_nav a{ font-size: 15px; margin:0 14px; }

}

@media(max-width: 767px){

  .product_focus .info{ padding:15px 0 0; }

  .product_focus .info b{ font-size: 22px; }

  .product_focus .info .txt span{ margin:14px 0; font-size: 14px; }

  .product_focus .info .tags{ display: flex; margin: 24px 0; }

  .product_focus .info .tags li{ padding-right: 0; }

  .product_focus .info .tags li::after{ display: none; }

  .product_focus .info .btn a{ display: block; }

  .product_focus .info .btn .con{ margin-left: 20px; margin-top: 0; }

  .product_info .tit{ font-size: 20px; font-weight: bold; }

  .product_case .tit{ margin:16px 0; }

  .product_nav{ padding:14px 0;  }

  .product_nav a{ font-size: 14px; margin:0 12px; }

}

@media(max-width: 646px){

  .product_focus .info b{ font-size: 20px; }

  .product_nav{ padding:12px 0;  }

  .product_nav a{ font-size: 13px; margin:0 10px; }

  .product_focus .info .tags{ margin: 20px 0; }

  .product_focus .info .btn{ display: flex; flex-direction: column-reverse; padding:0; }

  .product_focus .info .btn .con{ margin-left: 0; }

  .product_focus .info .btn a{ margin-top: 20px; }

  .product_nav{ padding:12px 0; }

  .product_nav a{ font-size: 17px; margin:0 12px; }

  #product_content{ padding:15px 0; }

  .product_info .tit{ font-size: 18px; }

  .product_case .tit{ margin:15px 0; }

}

@media(max-width: 576px){

  .product_info .tit{ font-size: 16px; font-weight: normal; }

  .product_focus .info .tags{ margin: 16px 0; }

  .product_nav{ padding:10px 0;  }

  .product_nav a{ font-size: 12px; margin:0 8px; }

  .product_focus .info .btn a{ padding:12px 0; font-size: 13px; }

  .product_focus .info .txt span{ margin:10px 0; font-size: 13px; }

  .product_focus .info .txt p{ font-size: 13px; line-height: 1.5; }

}

@media(max-width: 414px){

  .product_info .tit{ font-size: 15px; }

  .product_focus .info .tags{ margin: 12px 0; flex-wrap: wrap; }

  .product_focus .info .tags li{ width: 50%; justify-content: center; padding:10px 0; }

  .product_focus .info .btn a{ padding:10px 0; font-size: 12px; }

  .product_focus .info .txt span{ margin:8px 0; font-size: 12px; }

  .product_focus .info .txt p{ font-size: 12px; }

}



/* newslist */

.newslist{ overflow: hidden; width: 100%;padding:30px 0; }

.newslist li + li a{ border-top:1px solid #e9e9e8; }

.newslist a{ display: flex; padding:20px 0; width: 100%; flex-direction: row;justify-content: space-between;}

.newslist a .imgbox{ width: 270px; }

.newslist a .img{width:100%;padding-bottom: 65%; overflow: hidden; position: relative; }

.newslist a .img img{ width: 100%; height: 100%; object-fit: cover;position: absolute; transition: all .5s; }

.newslist a .img span{ position: absolute; left: 0; top:0; display: flex; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); color: #fff; font-size: 32px; align-items: center; justify-content: center; opacity: 0; }

.newslist a .txt{ overflow: hidden; width:calc(100% - 290px); }

.newslist a .txt b{ display: block; font-size: 18px; color: #1E1E1E; font-weight: normal; margin:12px 0 24px; transition: all .5s; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.newslist a .txt p{ font-size: 14px; color: #777; line-height: 1.7; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }

.newslist a .txt p + p{ margin-top: 10px; }

.newslist a .txt small{ margin-top: 15px; display: inline-block; padding-left: 30px; font-size: 14px; color: #393939; position: relative; transition: all .5s; }

.newslist a .txt small::before{ content: ""; display: inline-block; width: 20px; height: 3px; background: var(--zhu-color); position:absolute; left: 0; top:9px; transition: all .5s; }

.newslist a:hover b{ color: var(--zhu-color); font-weight: bold; }

.newslist a:hover .img span{ opacity: 1; }

.newslist a:hover img{ transform: scale(1.05) rotate(-5deg); }

.newslist a:hover small{ padding-left: 60px; }

.newslist a:hover small::before{ width: 50px;  }

@media(max-width: 1200px){

  .newslist{ padding:0; }

  .newslist a{ padding:15px 0; }

  .newslist a .txt b{ font-size: 17px; margin:12px 0; }

  .newslist a .txt small{ margin-top: 12px; }

}

@media(max-width: 992px){

  .newslist a .txt b{ margin:10px 0; font-size: 16px; }

  .newslist a .imgbox{ width: 240px; }

  .newslist a .txt{width:calc(100% - 260px); }

}

@media(max-width: 768px){

  .newslist a .txt b{ margin:10px 0; font-size: 15px; }

  .newslist a .txt p{ font-size: 13px; line-height: 1.5; }

}

@media(max-width: 646px){

  .newslist a .txt p{ overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }

}

@media(max-width: 576px){

  .newslist a .img{ padding-bottom: 48%; }

  .newslist a{flex-direction: column;}

  .newslist a .imgbox{ width: 100% }

  .newslist a .txt{ width:100% }

}



/*newsinfo*/

.newsinfo{ padding:30px 0; }

.page_tit{ position: relative; padding-bottom: 20px; text-align: center;border-bottom: dashed 1px #ddd; }

.page_tit b{ display: inline-block; font-size: 24px; color: #333; margin-bottom: 30px; }

.page_tit small{ text-transform: uppercase; display: inline-block; color: rgba(51,51,51,.42); margin-left: 25px; font-size: 22px; }

.page_tit::before{ content: ""; display: inline-block; width: 60px; height: 3px; background: var(--zhu-color); position: absolute; left:50%; margin-left: -30px; bottom:65px; border:0; }

.page_tit .meta{ font-size: 14px; line-height: 1; color: #393939;display: flex;flex-direction: row;align-items: center;justify-content: center; margin-top: 15px}

.page_tit .meta span{ display: inline-block; margin-right: 8px; color: #393939; font-size: 20px; }

@media(max-width: 1200px){

  .newsinfo{ padding:25px 0; }

  .page_tit{ padding-bottom: 18px; }

  .page_tit::before{ bottom:50px; }

  .page_tit b{ font-size: 22px; margin-bottom: 26px; }

}

@media(max-width: 992px){

  .newsinfo{ padding:20px 0; }

  .page_tit{ padding-bottom: 16px; }

  .page_tit b{ font-size: 20px; margin-bottom: 22px; }

}

@media(max-width: 768px){

  .newsinfo{ padding:15px 0; }

  .page_tit{ padding-bottom: 14px; }

  .page_tit b{ font-size: 18px; margin-bottom: 18px; }

}

@media(max-width: 640px){

  .page_tit b{ font-size: 17px; line-height: 1.5; }

}

@media(max-width: 576px){

  .page_tit b{ font-size: 16px; font-weight: normal; }

}



/*prev_next*/

.prev_next{ width:100%; padding:0; }

.prev_next > div{ width:100%; padding:8px 0; border-bottom: dashed 1px #ddd; display: flex; flex-direction: row; align-items: center; }

.prev_next > div:before{ content:'\e834'; font-family: 'iconfont'; color: #fff; font-size: 16px; width:22px; height: 22px; border-radius: 50%; background: #666; display: block; text-align: center; line-height: 22px; margin-right:10px; }

.prev_next > div a{ color: #999; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: block; width: calc(100% - 100px); }

.prev_next > div a:hover{ color: var(--zhu-color); }

.main .single{ padding:30px 15px; line-height: 1.8; font-size: 16px; }

@media(max-width: 1200px){

  .main .single{ padding:15px 0; line-height: 1.8; }

}

@media(max-width: 992px){

  .main .single{ line-height: 1.7; font-size: 15px; }

}

@media(max-width: 768px){

  .main .single{ line-height: 1.5; font-size: 14px; }

}

@media(max-width: 640px){

  .main .single{ font-size: 13px; }

}

@media only screen and (max-width: 640px){

  .layui-layer{ width: 98%!important; }

}